II Congreso en Imea pPflllPlir I3<2 

en Conocimiento | t f ^PMBIICiaS 

Libre yEducacionj t *' '. I 1 .' |LJ 
CLED2011 A f 1 || 1 }£[ 



Las herramientas de la web2.0 en el aula de 

programacion. 

Web2.0 tools in the programing class. 



Chiarani Marcela Cristina 

Universidad nacional de San Luis-Argentina 

mcchi@unsl.edu. ar 



II Congreso en linea pPonPHPiSK 

en Conocimiento | I . . I ^riMKIM 

Librey Educacion j I ." ■ „ I I „ * |LJ 
CLED2011 a f I || 1 ]^ 

Resumen 

Este articulo presenta la experiencia de trabajar con herramientas de la web2.0 en la clase 

de ensenanza de la programacion de computadoras. 

La revolution que ha causado en los jovenes de hoy la web2.0 les permite estar conectados 

de manera natural. Al tener claro que los alumnos entre 8 y 18 ahos conocidos como la 

generation M, aquellos que nacieron en un mundo con computadoras conectadas a Internet, 

nos impulsa a los docentes a integrar estas nuevas herramientas en las actividades 

cotidianas. Sin duda para los docentes la web2.0 brinda herramientas para la innovation, una 

manera de comunicarnos con estos alumnos. Esto para el ambito educativo abre puertas 

hacia nuevos desafios que hoy estan por venir. 

Para alumnos de educacion secundaria la ensenanza de la programacion de computadoras 

les permite apropiarse de los esquemas de razonamiento necesarios para incorporar los 

conocimientos basicos de programacion de computadoras. 

Cabe destacar que los esquemas de razonamiento, para el aprendizaje de la programacion 

de computadoras, necesitan tiempo para ser asimilados y para alcanzar la maduracion de 

conceptos en especial para alumnos de 16 ahos promedio. Por ello el uso de cualquier medio 

o recurso que permita traspasar las fronteras del aula tradicional resulta significative Sin 

duda el uso de las herramientas de la web2.0 nos permite como docente ampliar el horizonte 

educativo del aula. 

Palabras claves; Web2.0, Blog, youtube, TIC, Introduction a la programacion, 



Abstract 

This article presents the experience of working with web2.0 tools in the computer 
programming class. 

The appropriation of web2.0 in young people today were born in a world with computers 
connected to Internet, this allows them to be connected naturally. Teachers who are clear 
about these features attempt to integrate new technologies in various educational activities. 
Certainly for the areas of education gives the web2.0 tools for innovation by imposing new 
challenges. 

For high school students teaching computer programming allows them to take ownership of 
the patterns of reasoning required to incorporate basic knowledge of computer programming. 
Notably, the patterns of reason, to learn computer programming, take time to be assimilated 
and to mature the concepts especially for students 16 years on average. Therefore the use of 
any means or resource that allows surpasses the traditional classroom is significant. Certainly 
the use of web2.0 tools allows us to expand the horizon as a teacher in the classroom. 
Keywords: Introduction to Programming, Web 2.0, Blog, YouTube, facebook, 
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La asignatura Introduccion a la Programacion es un espacio curricular del Trayecto Tecnico y 
profesional (TTP) de informatica personal y profesional del Colegio N Q 10 Martin Miguel de 
Guemes de la Provincia de San Luis de Argentina. La ensenanza de la programacion de 
computadoras permite a los alumnos apropiarse de los esquemas de razonamiento 
necesarios para incorporar los conocimientos basicos de programacion. Esto facilita que los 
alumnos comprendan cual es la tarea que realizan los programadores y en muchos casos 
tomar contacto con una posible carrera universitaria a seguir. 

Cabe destacar que los esquemas de razonamiento, como es el caso de la programacion de 
computadoras, necesitan tiempo para madurar y ser asimilados por parte de los alumnos; por 
ello el uso de cualquier medio o recurso que permita traspasar las fronteras del aula, resulta 
significativo. 

Para un docente es importante poder ofrecer a sus alumnos, con distintos grados de avance 
en la asignatura, mas tiempo para realizar consultas y recibir apoyo. 
Indiscutiblemente el uso de las herramientas de la web2.0 nos permite como docente 
ampliar el espacio del aula y ofrece alternativas para estar conectados de manera natural. 
La experiencia de trabajar con un blog, con facebook u otras de las posibilidades de internet 
es viable en la clase de ensenanza de la programacion con alumnos de escuela Secundaria, 
dada la conectividad a internet que existe actualmente en la provincia. 
Al terminar de cursar esta asignatura, los alumnos, estaran en condiciones de encarar 
estrategias de resolution de problemas de computadora, como asi tambien de resolver 
pequenos problemas de programacion, codificarlos y depurarlos. 
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La metodologia que empleamos en la sala de computadoras es a partir de trabajos en 
grupos, no mas de dos alumnos por maquina. Por el tipo de contenido de la materia el 90% 
de las clases son de practica con el contacto directo de las computadoras. 
La evaluacion continua de la asignatura la realizamos a traves de la entrega de los ejercicios 
de Trabajos Practicos enviados por correo electronico al finalizar cada clase. En promedio se 
envian dos o tres ejercicios. Si bien el trabajo es en grupo la evaluacion es individual, con 3 
examenes parciales en maquina y un trabajo final de integration. 

La Web2.0 y sus herramientas 

Como una primera instancia utilizamos la Web para ofrecer material digital a los alumnos; 
desde hace cuatro anos la asignatura cuenta con un sitio Web subido al servidor de la 
escuela. La idea principal al crear esta pagina Web, fue ofrecer material complementario para 
que los alumnos tuvieran de consulta y acceso al trabajo practice En la misma explicamos el 
concepto de texto instruccional para luego llevarlos a comprender el concepto de algoritmo. 
Como ejemplo, vemos algunas recetas. Cada una de las paginas del menu principal (Texto 
instruccional, Algoritmo y Programa de Computadora) estan conformadas con otras paginas 
complementarias al tema incorporando practica, autoevaluacion y bibliografia. Ver figura 1 . 
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Introduction a la Programacion 



Texto Instructional 



Texto Instructional 



IJ 



Algoritmo 



Programs de computadora 



Para comenzar 



Primero van a apreridsr a escnoir corrccta y dlaramei'iie una receta, iuego apranderan a escrlbir algoritmcs q^-e Parian ccrno las 
recetas que entiende una computadora. Seguramente todos saben que es una receta. Pero escribirla con claridad no es tan 
fad: Par alio vlsitaran on enlaces donde ancontraran corno escribir as recetas. 



Lear; aientarrrente el contenido da esta pag : ^a Web 
Los textos instruccionales 

Si ya comprendieron que es v como escribir este tipo de instrucciones pasemos a la practica 

• Escriban la receta paso a paso como cebarmate. 
solo si loterminaste podes verificarcon el boton de apajo. 

Click aqui | 



Polvorones 



Ejemplo de una receta 



figura 1 : pagina web de la materia en la intranet 
Como desventaja evaluamos que los alumnos tienen acceso a ella solamente en la escuela, 
al estar en una intranet, no se puede acceder desde las casas particulares o desde un ciber. 
Otras alternativas que evaluamos para que los alumnos pudieran contar con el material en 
todo momento, fue la de utilization de un blog. Entre las razones de ello ofrece una forma 
sencilla de editar y publicar contenidos educativos, con el agregado que es Software 
gratuitos ademas que, como docente, podemos convertirnos en productor de materiales 
educativos. 

Blogger fue la plataforma que utilizamos, dicho blog se encuentra disponible en: 
http://introduccion-programacion-ttp.blogspot.com/ 

Como estrategia les comunicamos a los tutores de los alumnos, sobre la disponibilidad del 
blog. Esto posibilito que dichos tutores pudieran tomar contacto con el material Web, que 
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utilization, la estructura que utilizamos para el blog fue parecida a la que utilizamos en la 
escuela, con el agregado de information complementaria (ver figura 2). 



Introduccion a la programacion 



Este espacio esta destinado 
Guemes de la provincia de Ss 



Pagina principal Algoritmo Pseint Pascal Fotos Desafio Final 
LUNES S DE MARZO DE £010 

Bievenidos al Blog de Introduccion a la 
programacion 

Expect^tiuas de Logros 

Al finalizar este modulo estaran en condiciones de: 

■ Encarar estrategias de resolucion de problemas 
* Resolver pequenos problemas de programacion 

■ Codificar y depurar programas 

Metodologia: Las clases se desarrollaran en grupos de no mas de dos alumnos por 
maquina. El 90% de las clases seran de practica en laboratorio de PC de la escuela 



Vliguel DE 



ARCHIVO DEL BLOG 
T 2010 (1) 

Bievenidos a\ Slog de 
Introduccion a \a 
programaci... 



■ 



figura 2: Blog de la materia 
Implementamos la opcion de paginas que ofrece blogger para los distintos temas principales 
de la materia. La pagina principal del blog explica las expectativas de logro, formas de 
evaluation de la materia y al final colocamos un link que permite, de manera rapida, explicar 
diez pistas de como aprovechar mejor una clase y si les interesa la tematica que puedan 
seguir investigando sobre tecnicas de estudio. 

En el menu principal se encuentra la opcion Algoritmo: Para explicar <j,Qiie es un algoritmo? 
realizamos un video que alojamos en youtube que puntualiza y refuerza lo explicado en la 
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http://www.voutube.com/watch?v=3 c8liHvk6Y&feature=plaver embedded. 



_ste espacio esta destinado a la comunicacion con alumnos del TTP del Colegio N° 1 M 
Miguel DE Guemes de la provincia de San Luis- Argentina 



Pagina principal Algcritmo Pseint Pascal Fetes Desafio Final 



Algoritrno 

iQue es un algoritrno? el siguiente video te lo va ha explicar 
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Podriamos decir que un algoritrno es una secuencia de pas us que ejecutada del 



Figura 3: ejemplo de algoritmos 



Para incentivo para el alumno a conocer mas del tema, agregamos algunas preguntas y la 
direction Web para poder investigar sobre ello en wikipedia. Por ejemplo <-,Que hace un 
programador? ^Quien fue el primer programador? 
( http://es.wikipedia.org/wiki/Programador ) 

Otra de las opciones en el menu principal tiene el blog es para el software PSelnt. Este 
software es un entorno para aprender la logica de programacion, esta disenado para 
estudiantes sin experiencia en este tema. Mediante la utilization de un simple e intuitivo 
pseudocodigo en lenguaje espanol, le permite al alumno comprender conceptos basicos y 
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fundamentales del concepto algoritmo computacional. Ademas de permitirles disenar y 

ejecutar los algoritmos desarrollados por los mismos. 

Para que los alumnos puedan hacer practica en sus casas, colocamos un link para 

descargar el programa Pseint desde la pagina del autor ( http://pseint.sourceforqe.net ). 

Tambien se encuentra disponible el trabajo practico en formato pdf, alojado en Slider 

( http://www.slideshare.net/quest0f17c3c/trabajo-practico-ip ). Ademas agregamos en Slider 

un ejemplo de un algoritmo basico, un ejemplo de un algoritmo con la estructura selection, 

otro ejemplo de algoritmo con la estructura repetition y un ejemplo de algoritmo con 

dimension. Todos estos ejemplos fueron explicados en clase. 

En la figura 3 se puede visualizar un algoritmo en seudocodigo con Pseint, como desafio 

final ique le agregarias para que el algoritmo cuente tambien los donantes de sangre grupo 

A+? 

La parte de codification en pascal trabajamos de la misma forma colocando ejemplos, 

explicaciones y enlaces. 

En el ciclo lectivo 2011, sin dejar de usar el blogs, incorporamos otra herramienta de la 

web2.0, implementamos un grupo cerrado en facebook. Para mejorar la comunicacion e 

informar sobre las actividades realizadas en clase, para aquellos alumnos que faltaron, o 

sugerir ejemplos para que los alumnos practiquen. Podemos observar que un alto porcentaje 

de alumnos de la clase que tenia cuenta en facebook. 
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Introduccion a la programacion 



Este espacio esta destinado a la cornunicacion con alumn 
Miguel DE Guernes de la provincia de San Luis- Argentina 



Paging principal Algoritmo Pseint Pascal Fetes Desafio Final 



Desafio Final 

Copia el siguiente codigo de Pseint. compilalo en Pascal. La idea es que puedas 
practicar para la evaluation. Cualquier duda fijate en los ejemplo. 

Proceso BancoS 
DadoresO<-D 

Repetir 

escribir '^pellido y nombre" 

leer HA 

escribir "ONI' 1 

Leer Dni 

escribir "Grupo Sanguineo" 

leer Gs 

Escribir "Sexo" 

leer sex 

Si Gs ="0+" Entonces DadoresO<-DadonesO+1 

Fin Si 

escribir 'hay mas empleados" 

leer hay 
Hasta Que hay='h" 
escribir "Los dadores de sang re 0+ son", DadoresO 



delColegio N°10 



ARCH WD DEL EL-:-* 
+ 20IU(T) 



Figura 3: ejemplo de algoritmos 
La parte de codification en pascal trabajamos de la misma forma colocando ejemplos, 
explicaciones y enlaces. 

En el ciclo lectivo 2011, sin dejar de usar el blogs, incorporamos otra herramienta de la 
web2.0, implementamos un grupo cerrado en facebook. Para mejorar la cornunicacion e 
informar sobre las actividades realizadas en clase, para aquellos alumnos que faltaron, o 
sugerir ejemplos para que los alumnos practiquen. Podemos observar que un alto porcentaje 
de alumnos de la clase que tenia cuenta en facebook. 

El porque elegimos trabajar con un grupo cerrado y no permitir acceso como amigos a los 
alumnos, fue que no queriamos mezclar un ambiente de socialization personal con tareas 
academicas. Trabajar de esta manera con un grupo permite crear un pequeno ambiente 
exclusivamente academico, ver figura 4. 
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facebook 



Personalis v c ( .T;fic;ura Good? Ch 



inicio Perfil Buscar amigos Cuenta ' 



A 



Marcela Chiarani 

Editar mi perfil 



50 Noticias 

\^) Mensajes 6 

ffl Eventos 

J& Amigos 9 

\l] Introduction a I... 

[u] todos!!!!! 
[u]Papa 

£] Gear un grupo,., 
Ver todos 

[jf] Invitaciones a juegos 27 
|j^ Aplicaciones 
Ver mas t 



Introduccion a la programacion- TTP 

A Grupo cerrado 



# Editar la configuration 


Buscar en este grupo 



Compartir: [j Publication £0 Enlace (jf) Foto ^ Video g Pregunta 



33 miembras 



Ver todos 



Escribe algo.. 



A 



Marcela Chiarani 

I para que puedan estudiar cienen mucho material con ejemplo en el blog 

j Introduccion a la programacion 
introduccion-prograrmacion-ttp.blogspot.conn 

Este espacio esta destinado a la cornunicacion con alurnnos del TTP del Colegio 
N° 10 Martin Miguel DE Guernes de la provincia de 5an Luis- Argentina 

£| Ayer a las 9:26 ' Me gusta ■ Comentar ■ Cancelar la suscripcion 

li A 4 personas les gusta esto, 



iJP Agregar amigos al grupo 



p Chat en grupo 
B Crear documenco 
^ Crear evento 



i i h 



Escribe uncomentario,. 



rQ] Ver Fotos 
L i^ Editar el grupo 



Figura 4: ejemplo de algoritmos 
Es importante destacar que este espacio permitio que los alumnos agregaran information o 
sugerian algun enlace para consultar o descargar. 

Para realizar una evaluation diagnostica del grupo elaboramos un cuestionario en googlee 
docs, El objetivo fue evaluar los conocimientos previos sobre el tema principal de la materia. 

Diagnoetico inicial de programacion 

Para cornenzar trata de responder que sabes de ternas relacionados a la materia Introduccion a la 
programacion 

~Obligatorio 

Altjoritmo ' 
,i,Que es un algoritrno? 
Es una serie de pasos organizados que describe el proceso que se debe seguir, para dar sol uc ion a un problema . vi 

Lemjunjes Alyoritmicos ' 

Un Lenguaje algorftrnico es una serie de simbolos y reglas que se utilizan para describir de rnanera 
ewplfcita un proceso. 

Verdadero 

□ False 



^Gue es Programar? : 

<+> Es la accion de escribir instrucciones correctas para que sean interpretadas por una 
cornputadora 

Q Es la accion de ejecutar instrucciones para que sean utilizadas por un usuario de cornputadora 
£) Es la accion de ejecutar instrucciones correctas para que sean interpretadas f 



Figura 5: ejemplo de encuesta 
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Como se puede observar en el cuestionario las primeras preguntas del diagnostico, estaban 
relacionadas con los conceptos basicos de programacion. Tambien agregamos una pregunta 
relacionada a utilizar las herramientas web en la materia iCual es tu opinion de que la 
materia cuente con un blogs, y un grupo en facebook? Uno de los alumnos contesto: "Me 
parece muy bueno porque asf tenemos otra manera de ver los practicos y preguntarle a 
usted cuando no este en clases. muy buena la idea". 

Otro alumno comento: "que esta bueno y uno se interesa mas en la materia, ya que se usan 
recursos que usamos diariamente". 

Como tarea de interes para los alumnos se van tomando fotos y subiendolas en el blog. 
Dado que recien vamos en la mitad de ano lectivo, prevemos realizar una encuesta al final 
del ano, entre los alumnos de la asignatura. De la misma forma evaluaremos la apropiacion 
de los alumnos con todas estas herramientas 

Un dato significativo se presenta con alumnos que tienen que rendir la materia, y consultan la 
direction del blog para extraer ejemplos para prepararse para rendir. 

Conclusiones 

En estos anos que hemos trabajado con distintas herramientas web, sin duda los docentes 

pudimos llevar adelante interesantes propuestas para enriquecer nuestra practica 

pedagogica. 

De la experiencia presentada podriamos concluir que el uso de herramientas que ofrece la 

web2,0 tales como el blog, documentos en Slider, videos de Youtube y grupos en facebook 

permitiria aumentar los medios de comunicacion con los alumnos y su acercamiento desde 
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otra perspectiva a los materiales de la asignatura. Por otro lado facilitaria la nivelacion entre 

aquellos alumnos con mayor predisposition natural al aprendizaje de conocimientos 

informaticos y aquellos que les resulta mas diffcil. 

Ante la necesidad de buscar e incorporar nuevas estrategias para la ensenanza de la 

programacion y teniendo en cuenta las caracteristicas de los alumnos actuales, es valioso 

el uso de herramientas web2.0 que ayuden a tal fin. 

Como docente, podriamos afirmar que es significativo la incorporation de nuevas 

herramientas que permita ofrecer a los alumnos material educativo digital (apuntes, 

ejercicios, etc) almacenados en la Web y poder concretar un desafio en la actividad docente 

tal como apropiarse de las herramientas, en este caso particular de la Web 2.0. 
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